<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<!--All the CSS-->
<link href="css/sugarcake.css" rel="stylesheet" type="text/css" />
<link href="css/default.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<script type="text/javascript" src="scripts/scroller_/facescroll.js"></script>
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/nexus_menu/component.css" />
<link rel="stylesheet" type="text/css" href="css/nano_scroller/general.css" />
<script type="text/javascript" src="scripts/scroller_/modernizr.custom.29473.js"></script>
<script type="text/javascript" src="scripts/scroller_/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="scripts/scroller_/jquery.mousewheel.js"></script>

<!--All the CSS-->
<title>Taggerzz - Collect.Connect.Tag and Share your Web-Data with Everyone and Any 'one'</title>
</head>
<body>
	<div class="wrapper">
		<div class="header_main">
		  <div class="header_block">
				<div class="main_logo"><img src="imgs/taggerzz_logo_n.png" width="128" height="52" /></div>
				<div class="login_block">
				  <div class="email_login_home"><a href="#" class="link_email_login">CREATE</a></div>
				</div>
		  </div>
		</div>
		<!--<div class="main_container_search_block">
			<div class="container_search_block">
				<div class="search_title_box">Search</div>
				<div class="search_box_block">
					<input name="" type="text" class="search_box_props" />
				</div>
				<div class="block_search_n_menu">
					<div class="go_search_btn">
						<img src="imgs/go_search_btn.png" width="30" height="30" />
					</div>
				</div>
			</div>
		</div>-->
		<div class="body_main_container">
			<div class="body_middle_container">
			<div class="home_search">
					<span>Search</span>&nbsp;<input type="text" class="home_searc_1" placeholder="For Example #myname" style="font-size:0.7em"/>
					<input type="text" class="home_searc_2" placeholder="To access Private Please Specify Unique code for example #u7873dg" style="font-size:0.7em"/><img src="imgs/go_search_btn.png" width="30" height="30" />
				</div>
				<div class=" form_top">
				<div class="row">
					<div class="span5">
						<div class="mar_l">
							<div class="text_row">
								<div class="float_l">
									<h4 class="line_height">Please fill your details or </h4>
								</div>
								<div class="float_r">
									<div class="skip_btn"><a href="category_choice_details.html">Skip to Continue</a></div>
								</div>
								<div class="clearfix"></div>
							</div>
							<form class="insert" method="post" action="category_choice_details.html">
							  <p>
								<label for="email">Profile Name</label>
								<input type="text" name="email" id="email">
							  </p>
							  <p>
								<label for="password">Password</label>
								<input type="password" name="password" id="password">
							  </p>
							  <p>
							  <label for="password">Email ID</label>
								<input type="text" name="email" id="email">
							  </p>
							  <p>
							  <label for="password">Mobile Number</label>
								<input type="text" name="email" id="email">
							  </p>
							  
							  <p class="p-container">
								<input type="submit" name="go" id="go" value="SUBMIT">
							  </p>
							</form>
						</div>
					</div>
					<div class="span6">
					<h3>UPLOAD PICTURE</h3>
					<p>(for montage, thumb, montage box home display ) <span>Upload  minimum 300 X 300</span></p>
						<div class="upload_picture">
							<div class="montage_pick">
							<div class="file-input-wrapper">
							<h5>&nbsp;#mycollections</h5>
							<img id="imgprvw" src="imgs/social_media/upload_your_photo.png" class="btn-file-input"/>
							<input type="file" name="filUpload" id="filUpload" onchange="showimagepreview(this)" />
							</div>
							</div>
							<p>Adjust</p>
						</div>
						<div class="upload_picture">
							<div class="thumb_pick">
							<div class="file-input-wrapper-2 imagePreview">
							<img id="imgprvw-2" src="imgs/social_media/upload_your_photo.png" class="btn-file-input"/>
							<input type="file" name="filUpload" id="filUpload" onchange="showimagepreview2(this)" />
							</div>
							</div>
							<p>Adjust</p>
						</div>
						<div class="upload_picture">
							<div class="montage_box_pick">
							<div class="file-input-wrapper-3 imagePreview">
							<img id="imgprvw-3" src="imgs/social_media/upload_your_photo.png" class="btn-file-input"/>
							<input type="file" name="filUpload" id="filUpload" onchange="showimagepreview3(this)" />
							</div>
							</div><p>Adjust</p>
						</div>
					</div>
				</div>
				</div>
			</div>
		</div>
    </div>
	<div class="clearfix"></div>
       <div class="footer_global">
	<div class="footer_context">Taggerz.&nbsp;&nbsp;&nbsp;&nbsp;  Privacy Policy&nbsp;&nbsp;|&nbsp;&nbsp;Copy rights&nbsp;&nbsp;|&nbsp;&nbsp;Disclaimer</div>
	</div>

</body>
</html>

<script src="scripts/menu_cats/classie.js"></script>
<script src="scripts/menu_cats/gnmenu.js"></script>
<script>
			new gnMenu( document.getElementById( 'gn-menu' ) );
		</script><script type="text/javascript">
	jQuery(function(){ // on page DOM load
		//$('.container_main_cats_').alternateScroll();					
		//$('.content_home_highlights').alternateScroll();
		//$('.main_categories').alternateScroll();
		//$('#demo2').alternateScroll({ 'vertical-bar-class': 'styled-v-bar', 'hide-bars': false });	
	})
</script>
 <script type="text/javascript">
function showimagepreview(input) {
if (input.files && input.files[0]) {
var filerdr = new FileReader();
filerdr.onload = function(e) {
$('#imgprvw').attr('src', e.target.result);
}
filerdr.readAsDataURL(input.files[0]);
}
}
function showimagepreview2(input) {
if (input.files && input.files[0]) {
var filerdr = new FileReader();
filerdr.onload = function(e) {
$('#imgprvw-2').attr('src', e.target.result);
}
filerdr.readAsDataURL(input.files[0]);
}
}

function showimagepreview3(input) {
if (input.files && input.files[0]) {
var filerdr = new FileReader();
filerdr.onload = function(e) {
$('#imgprvw-3').attr('src', e.target.result);
}
filerdr.readAsDataURL(input.files[0]);
}
}
</script>
